<template>
    <div>
        <common-echart :data="data" type="tree"></common-echart>
        <el-form-item label="布局方向">
            <el-radio-group v-model="data.options.series[0].layout">
                <el-radio label="orthogonal">正交布局</el-radio>
                <el-radio label="radial">径向布局</el-radio>
            </el-radio-group>
        </el-form-item>
        <el-form-item label="显示方向" v-if="data.options.series[0].layout=='orthogonal'">
            <el-radio-group v-model="data.options.series[0].orient">
                <el-radio label="LR">左到右</el-radio>
                <el-radio label="RL">右到左</el-radio>
                <el-radio label="TB">上到下</el-radio>
                <el-radio label="BT">下到上</el-radio>
            </el-radio-group>
        </el-form-item>      
        <el-form-item label="标记形状">
            <el-select v-model="data.options.series[0].symbol">
                <el-option value="diamond" label="菱形"></el-option>
                <el-option value="circle" label="圆形"></el-option>
                <el-option value="rect" label="正方形"></el-option>
                <el-option value="triangle" label="三角形"></el-option>
                <el-option value="arrow" label="箭头形"></el-option>
                <el-option value="roundRect" label="圆角形"></el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="标记大小">
            <el-input type="number" v-model="data.options.series[0].symbolSize"></el-input>
        </el-form-item>
    </div>
</template>
<script>
import CommonEchart from './CommonEchart'
import {getEchartByType} from '@/api/api'
export default {
    name: 'SetTreeEchart',
    components: {
        CommonEchart
    },
    props: {
        data: {
            type: Object
        },
        selectDict: {
            type: Array
        }
    },
    data(){
        return {

        }
    },
}
</script>
<style lang="scss" scoped>

</style>
